<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="${basePath}common/css/myuser.css" type="text/css" media="screen" />
<script src="${basePath}common/js/jquery-1.8.3.js" type="text/javascript"></script>
<script src="${basePath}common/highcharts/js/highcharts.src.js"></script>
<script src="${basePath}common/highcharts/js/modules/exporting.src.js"></script>
<title>${title}</title>
<meta name="keywords" content="${keywords}">
<meta name="description" content="${description}">
<meta name="author" content="${author}"/>

<script type="text/javascript">
$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'line'
                
              
            },
            title: {
                text: '敏感关键字变化折线图',
                x: -20 //center
            },
            subtitle: {
                text: '"${filter.keyword}"',
                x: -20
            },
            xAxis: {
                categories: [
                    <#list list as item>
                    										'${item.updatetime?string("dd日HH时")}',
                    </#list>
                    ]
            },
            yAxis: {
                title: {
                    text: '页数'
                },
       plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                formatter: function() {
                        return this.x +'新增  '+ this.y +' 页';
                }
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                x: -10,
                y: 100,
                borderWidth: 0
            },
            series: [{
                name: '${filter.keyword}',
                data: [ <#list list as item>
                    					${item.newcount},
                    </#list>]
            }]
        });
    });
    
});
		</script>
</head>
<body>

<div id="Screen">
<!-- 头部-->
<#include 'header.ftl'>

<div id="Message">
<samp class="date"><a href="${basePath}user/filter">敏感词统计</a>&raquo;<a href="${basePath}filter/show/${filter.getId()}/">${filter.keyword}</a> 
</samp> 

</div>

<div id="container" style="min-width: 400px; height: 200px; margin:10px 0 0 0 "></div>


<div id="List">
<table width='90%'  >
<thead>
<tr>

<th>最近扫描</th>
<th>出现次数</th>
<th>新增数</th>

</tr>
</thead>
<tbody>
<#list page.list as item>
<tr onmouseover="this.style.background='#5cc26f'" onmouseout="this.style.background='#ffffff'">
<td title="${item.updatetime}">${item.getFtime()}</td>
<td>${item.count} </td>
<td <#if item.newcount!=0> style="background-color:red;color:#fff;font-weight: bold;"</#if>>${item.newcount}</td>


</tr>
</#list>


<tr> <td colspan="4" align="right">


<#include 'page.ftl'>

</td></tr>
</tbody>
</table>


</div>


<#include 'footer.ftl'>
</div>

</body>
</html>